<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/bootstrap.min.css" />
		<link rel="stylesheet" href="../css/log.css" />
		<script type="text/javascript" src="../js/jquery-3.2.1.min.js" ></script>
		<script type="text/javascript" src="../js/bootstrap.min.js" ></script>
	</head>
	<body>
			<div class=".container-fluid head">
			<!--t头部导航-->
			<div class="head-box">
				<div class="left pull-left">
					<p> Mastra</p>
					<span>Follow mastra to invest in foreign exchange</span>
				</div>
				<div class="right pull-right">
							<div type="button" data-toggle="modal" data-target="#myModal" class="yu pull-left">English</div>
                             <!--<button class="pull-right btn btn-danger logo">LoGo</button>-->
				<!-- Modal -->
				<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
					<div class="modal-dialog" role="document">
						<div class="modal-content">
							<div class="modal-header" style="border: none;">
								<!--<button type="button" class="close" data-dismiss="modal" aria-label="Close">-->
									<!--<span aria-hidden="true">&times;</span></button>-->
								<!--<h4 class="modal-title" id="myModalLabel">Language choice</h4>-->
								
								<div id="titlex">
										<p class="pull-left" class="lang" style="color: #ff5252;">Language choice</p>
										<p class="pull-right" id="bal" style=" cursor: pointer;">Global Home</p>
									</div>
								<div class="yuyang">
									<button class="btn btn-default">Chinese </button>
									<button class="btn btn-default">German</button>
									<button class="btn btn-default">Russian  </button>
									<button class="btn btn-default">French </button>
									<button class="btn btn-default">Korean  </button>
								</div>
								<div class="yuyang">
									<button class="btn btn-default">Thai   </button>
									<button class="btn btn-default">Vietnamese  </button>
									<button class="btn btn-default">Japanese  </button>
									<button class="btn btn-default">Arabic  </button>
									<button class="btn btn-default">Estonia   </button>
								</div>
								<div class="yuyang">
									<button class="btn btn-default">Polish </button>
									<button class="btn btn-default">Danish </button>
									<button class="btn btn-default">Finnish   </button>
									<button class="btn btn-default">Dutch  </button>
									<button class="btn btn-default">Czech    </button>
								</div>
								<div class="yuyang">
									<button class="btn btn-default">Romanian </button>
									<button class="btn btn-default">Portuguese </button>
									<button class="btn btn-default">Swedish   </button>
									<button class="btn btn-default">Slovenia</button>
									<button class="btn btn-default">Spanish    </button>
								</div>
								<div class="yuyang">
									<button class="btn btn-default">Greek </button>
									<button class="btn btn-default">Hungarian </button>
									<button class="btn btn-default">Italian  </button>
									<button class="btn btn-default">Bulgarian   </button>
									<button class="btn btn-default">traditional  </button>
								</div>
							</div>
							<div class="modal-footer" style="border: none;">
								<button type="button" class="btn btn-danger" data-dismiss="modal" id="tj">Closed</button>
								<!--<button type="button" class="btn btn-primary">Save changes</button>-->
							</div>
						</div>
					</div>
				   </div>
				</div>
			</div>
		</div>
		<div class="conter">
			<div class="box">
				<div class="left pull-left">
					<!--<img src="../img/登录注册/用户登录-地球.png" class="img1" />-->	
					<img src="../img/登录注册/用户登录-美元.png" class="img2"/>
					<img src="../img/登录注册/用户登录-楼.png" class="img3" />
					<img src="../img/登录注册/用户登录-聊天.png" class="img4" />
					<img src="../img/登录注册/用户登录-银行卡.png" class="img5" />
					<img src="../img/登录注册/用户登录-盾牌.png" class="img6" />
					<img src="../img/登录注册/用户登录-走势.png" class="img7" />
					<!--<img src="../img/登录注册/用户登录-小飞艇.png" class="img8 boll" id="boll" />-->
					<!--<div id="target" class="target"></div>-->
					<!--<div class="img8" id="boll">
						<img src="../img/登录注册/用户登录-小飞艇.png" />
					</div>-->
					<img src="../img/登录注册/用户登录-小飞艇.png" class="img9"/>
					<img src="../img/登录注册/用户登录-飞行轨迹.png" class="img10"/>
				</div>
				<div class="right pull-right">
					<div class="title" id="xx">User login</div>
					<div class="tel">
						<img src="../img/登录注册/用户登录-手机号未输入状态.png" />
						<input type="text" placeholder="Phone number" id="num" />
					</div>
					<div class="user">
						<img src="../img/登录注册/用户登录-验证码未输入状态.png" />
						<input type="text" placeholder="Please enter the verification code" />
						<p class="pull-right">Get the verifying code</p>
					</div>
					<div class="deng">
						Sign in
					</div>
				</div>
			</div>
		</div>
				<div class="con-six">
			<div class="box">
				<div class="top">
					<div class="left">Mastra</div>
					<div class="con">
						<span class="tt">Follow mastra to invest in foreign exchange</span>
						<span>More than 3 million people around the world are using it</span>
					</div>
					<div class="right">
						<div id="about">About us</div>
						<div id="agent">Agent login</div>
						<div id="partner">Partner login</div>
					</div>
					<div style="clear: both;"></div>
				</div>
			</div>
		</div>
		<script src="../js/qqq.js"></script>
		<script>
			$(".deng").click(function(){
				location.href="person.html"
			})
		   $("#agent").click(function(){
				location.href="log1.html"
			})
			$("#partner").click(function(){
				location.href="log4.html"
			})
			$("#about").click(function(){
				location.href="about.html"
			})
			$("#bal").click(function(){
				location.href="../html/wrap.html"
			})
			$("#num").focus(function(){
				this.value=" "
			})
		</script>
		<script type="text/javascript">
         
         var bool = new Parabola({
        el: "#boll",
        offset: [300, 40],
        curvature: 0.005,
        duration: 1000,
//      callback:function(){
//          alert("完成后回调")
//      },
//      stepCallback:function(x,y){
//          console.log(x,y);
//          $("<div>").appendTo("body").css({
//              "position": "absolute",
//              "top": this.elOriginalTop + y,
//              "left":this.elOriginalLeft + x,
//              "background-color":"#CDCDCD",
//              "width":"5px",
//              "height":"5px",
//              "border-radius": "5px"
//          });
//      }
    });
    $("#reset").click(function (event) {
        event.preventDefault();
        bool.reset()
    });
    $("#xx").click(function (event) {
        event.preventDefault();
        bool.start();
    });
    $("#stop").click(function (event) {
        event.preventDefault();
        bool.stop();
    });
    $("#setOptions").click(function (event) {
        event.preventDefault();
        bool.setOptions({
            targetEl: $("#target"),
            curvature: 0.001,
            duration: 1000
        });
    });
         
         
</script>
	</body>
</html>
